body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
		'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
		sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	line-height: 120%;
	padding-bottom: 12vh;
}

code {
	font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
		monospace;
}


.colorRed {
	color: #f00;
}

.myBtn {
	padding: 5px 60px;
	border-radius: 15px;

}

ul,
li {
	list-style-type: none;
	padding: 0;
	margin: 0;

}

li {}

.showContent {
	margin: 20px;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 15px;
	padding: 15px;
}

ul.navbar {
	background-color: rgba(0, 0, 0, 0.05);
	margin: 20px;
	border-radius: 15px;
	padding: 15px;
}

ul.navbar li {
	padding: 5px;
}

button {
	cursor: pointer;
}

.b1 {
	width: 100px;
	height: 30px;
	margin-bottom: 5px;
}

.flex {
	display: flex;
}

.textArea {
	height: 100px;
}

.chat {
	margin-left: 15px;
}

.panel {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.navBottom {
	position: fixed;
	left: 0;
	bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 0;
}

.navBottom .myTabs {
	padding: 0px 0;
}